$font-size:12px;
$width:1002px;
*{
	margin:0;
	padding:0;
}
ul,li,a{
	text-decoration:none;
	list-style-type: none;
}
header{
	width:100%;
    height:29px;
    background:linear-gradient(180deg,white,#f2f2f2);
    #header{
    	width:$width;
    	height:29px;
    	font-size:$font-size;
    	margin:0 auto;
    	display:flex;
    	justify-content:space-between;
    	align-items:center;
    	ul{
    		display:flex;
            align-items:center;
    	}
    	li{
    		margin-left:20px;
    		line-height:29px;
    		a{
    		color:black;
    		&:hover{
    			color:red;
    		}
    	}
    	}
    	

    }
}
#header-2{
	width:100%;
	height:86px;
	#header-a{
		width:$width;
    	height:86px;
    	font-size:$font-size;
    	margin:0 auto;
    	display:flex;
    	justify-content:space-between;
    	align-items:center;
	}
	.sosuo{
		.txt{
          width:300px;
          height:35px;
          border:1px solid orange;
		}
		button{
			width:80px;
			height:35px;
			background:orange;
			border:1px solid orange;
			color:white;
			font-size:16px;
		}
		ul{
			display:flex;
			margin-top:10px;
           li{
           	 margin-right: 10px;
           	 span{
           	 	color:red;
           	 }
           }
		}

	}
	.gowu{
			width:100px;
			height:35px;
			line-height:50px;
			border:1px solid #eee;
			border-radius: 5px;
			text-align:center;
		}
}

nav{
	width:100%;
	height:50px;
	background:blue;
	ul{
		width:$width;
		height:50px;
		margin:0 auto;
		display:flex;
		align-items:center;
		li{
			margin-right:10px;
			color:white;
		}
		.first{
			width:220px;
			height:50px;
			text-align:center;
			line-height:50px;
			background:orange;
		}
	}
}

main{
	width:100%;
	height:1675px;
	.title{
		width:$width;
		height:35px;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
		align-items:center;
		p{
			color:blue;
			span{
				color:orange;
			}
		}
	}
    #content{
    	width:$width;
		height:35px;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
		.left{
			width:220px;
			height:530px;
			border:1px solid #ccc;
			border-top: 1px solid blue;
			h3{
				height:30px;
				background:#eee;
				line-height:30px;
			}
			li{
				line-height:28px;
				padding-left:10px;
				span{
					color:blue;
				}
			}
		}
    }
    .right{
    	width:772px;
    	border-top:2px solid orange;
    	.list{
    		height:30px;
    		background:#eee;
    		display:flex;
    		align-items:center;
    		border:1px solid #ccc;
    		li{
    			border:1px solid #ccc;
    			margin-right: 10px;
    			text-align:center;
    		}
    		.p1{
    			border:0;
    		}
    		.p2{
    			border:1px solid orange;
    			background:orange;
    			color:white;
    		}
    		
    	}
    	.list1{
    		height:30px;
    		background:#eee;
    		display:flex;
    		align-items:center;
    		border:1px solid #ccc;
    		li{
    		
    			margin-right: 10px;
    			text-align:center;
    		}
    	}
    }
    .nie{
    	height:1300px;
    	dl{
            	height:130px;
            	margin-top:20px;
            	border-bottom: 1px solid #ccc;
            	display:flex;
            	dt{
            		width:100px;
            		img{
            			width:80%;
            		}
            	}
            	dd{
            		line-height:26px;
            		.d1{
            			width:672px;
            			display:flex;
            			justify-content:space-between;
            		}
            	}
        }    
    }
}
#ye{
    width:466px;
    height:28px;
    float:right;
//  background:red;
    li{
        float:left;
        width:28px;
        height:28px;
        border:1px solid #f2f2f2;
        color:steelblue;
        text-align:center;
        line-height:28px;
        margin-left:3px;
        &:hover{
            background:#f2f2f2;
        }
    }
}
#chong{
    width:616px;
    height:46px;
//  background:red;
    margin-top:20px;
    float:left;
    h3{
        float:left;
        line-height: 40px;
    }
    h5{
        float:left;
        margin-top:10px;
        margin-left:5px;
    }
}
.k1{
    margin-left:5px;
    width:460px;
    height:35px;
//  background:yellow;
    float:left;
    border:2px solid orange;
    #text{
        width:376px;
        height:33px;
        outline:none;
    }
    #btn{
    	width:80px;
        height:35px;
        background:orange;
        color:white;
        border:0;
        font-size:16px;
    }
}
.di{
    margin-top:30px;
    width:780px;
    height:66px;
    background:peachpuff;
    float:left;
    line-height:35px;
    border:1px solid #ccc;
}
footer{
	width:100%;
	height:300px;
	background:#eee;
	.f1{
		width:$width;
		margin:0 auto;
		.f1-top{
			display:flex;
			border-bottom:1px solid #ccc;

			ul{
				width:14%;
				margin-right:5px;
				border-right: 1px dashed #ccc;
				li{
					line-height:20px;
				    text-align:center;
				}
				h3{
				  text-align:center;
				}
                span{
                	color:red;
                }
			}
		}
		.f1-bottom{
			ul{
				display:flex;
				
			}
		}
	}
}